<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!-- 		响应式布局代码 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
		
		<!-- jQuery -->
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- popper -->
		<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 加载bootstrap css样式 -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- 加载bootstrap js脚本 -->
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	
	</head>
	<body>
		
		<!-- table-dark -->
		<table class="table table-bordered table-striped table-hover">
			<thead>
				<tr>
					<th>学号</th>
					<th>姓名</th>
					<th>班级</th>
				</tr>
			</thead>
			<tbody class="">
				<tr class="table-danger">
					<td>1</td>
					<td>张三</td>
					<td>高三1班</td>
				</tr>
				<tr>
					<td>2</td>
					<td>里斯</td>
					<td>高三2班</td>
				</tr>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>高三1班</td>
				</tr>
				<tr>
					<td>2</td>
					<td>里斯</td>
					<td>高三2班</td>
				</tr>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>高三1班</td>
				</tr>
				<tr>
					<td>2</td>
					<td>里斯</td>
					<td>高三2班</td>
				</tr>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>高三1班</td>
				</tr>
				<tr>
					<td>2</td>
					<td>里斯</td>
					<td>高三2班</td>
				</tr>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>高三1班</td>
				</tr>
				<tr>
					<td>2</td>
					<td>里斯</td>
					<td>高三2班</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
